<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>万锋智慧</title>
</head>
<script src="../utils/flexible.js"></script>
<link rel="stylesheet" href="../css/index.css">
<link rel="stylesheet" href="../css/base.css">

<body>
    <div></div>
    <!--头部-->
    <header id="header">
        <div class="f1 logo">
            <a href="">
                <img src="../images/header_logo.png" alt="">
            </a>
        </div>
        <div class="app fr">
            <a href="">
                <img src="../images/header_app.png" alt="">
            </a>
        </div>
    </header>
    <!--搜索-->
    <section id="search">
        <div class="searchbox">
            <input type="text" placeholder="请输入你想比价的产品">
        </div>
        <div class="btn">
            <button>搜索</button>
        </div>
    </section>
    <nav>
        <ul class="container clearfix">
            <li class="bjsearch">
                <a href="#">
                    <img src="../images/ic_search.png" alt="">
                    <p>比价搜索</p>
                </a>
            </li>
            <li class="moneyctrl">
                <a href="#">
                    <img src="../images/ic_cu.png" alt="">
                    <p>省钱控</p>
                </a>
            </li>
            <li class="inlanddiscount">
                <a href="#">
                    <img src="../images/ic_coudanpin.png" alt="">
                    <p>国内折扣</p>
                </a>
            </li>
            <li class="baicaijia">
                <a href="#">
                    <img src="../images/ic_bcj.png" alt="">
                    <p>白菜价</p>
                </a>
            </li>
            <li class="discount">
                <a href="#">
                    <img src="../images/haitao.png" alt="">
                    <p>海淘折扣</p>
                </a>
            </li>
            <li class="coupon">
                <a href="#">
                    <img src="../images/ic_temai.png" alt="">
                    <p>优惠券</p>
                </a>
            </li>
            <li class="history">
                <a href="#">
                    <img src="../images/ic_trend.png" alt="">
                    <p>查历史价</p>
                </a>
            </li>
            <li class="more">
                <a href="#">
                    <img src="../images/gengduo.png" alt="">
                    <p>更多</p>
                </a>
            </li>
            <li class="item">
                <a href="#">
                    <img src="../images/ic_coudanpin.png" alt="">
                    <p>凑单品</p>
                </a>
            </li>
            <li class="public">
                <a href="#">
                    <img src="../images/ic_kb.png" alt="">
                    <p>口碑排行</p>
                </a>
            </li>
            <li class="sitenav">
                <a href="#">
                    <img src="../images/ic_mall.png" alt="">
                    <p>商城导航</p>
                </a>
            </li>
            <li class="brand">
                <a href="#">
                    <img src="../images/ic_pp.png" alt="">
                    <p>品牌大全</p>
                </a>
            </li>
        </ul>
    </nav>
    <!--折扣-->
    <section id="discount">
        <h3>超值折扣推荐</h3>
        <a href="#">
            <img src="../images/more.png">
        </a>
    </section>
    <!--商品推荐-->
    <section id="recommen">
        <ul>
            <li class="clearfix">
                <img src="http://a.manmanbuy.com:8013/cuxiaoPic/201610/201610001412282758.jpg" alt="">
                <div class="info">
                    <div class="title">
                        <h4>移动端凑单品移动端凑单品移动端凑单品移动端凑单品：海天 鲜味 生抽 1.28L<span>10.9元</span>
                        </h4>
                    </div>
                    <div class="other">
                        <b>天猫商城|10-25 13:45</b><em>有3人评论</em>
                    </div>
                </div>
            </li>
        </ul>
    </section>

    <!--底部-->
    <section id="footer">

        <div class="more">
            <a href="#">更多优惠信息>></a>
        </div>
        <div class="rank">
            <h3>品牌排行</h3>
            <a href="#">
                <img src="../images/more.png" alt="">
            </a>
        </div>
        <div class="login">
            <div class="row">
                <a href="#">登录</a>
                <a href="#">注册</a>
                <a href="#">返回顶部</a>
            </div>
            <div class="container">
                <p>
                    <a href="#">手机app下载</a>

                    <a href="#">万峰智慧商城手机版</a>
                    --掌上比价平台
                </p>
                <p>chst.vip:8081/crm</p>
            </div>
        </div>
    </section>

</body>



</html>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script src="../js/index.js"></script>
<script>
    let container = document.querySelector('nav>.container>.more')
    // console.log(container)
    let flag = false
    container.onclick = function () {

        if (!flag) {
            flag = true
            $(this).nextAll().slideUp(200)
        } else {
            flag = false
            $(this).nextAll().slideDown(200)
        }
    }


    let moneyctrl = document.querySelector('nav>.container>.moneyctrl')
    moneyctrl.onclick = function () {
        location.href = './moneyctrl.html'
    }
    let discount = document.querySelector('nav>.container>.discount')
    discount.onclick = function () {
        location.href = './moneyctrl.html'
    }
    let sitenav = document.querySelector('nav>.container>.sitenav')
    sitenav.onclick = function () {
        location.href = './sitenav.html'
    }
    let inlanddiscount = document.querySelector('nav>.container>.inlanddiscount')
    inlanddiscount.onclick = function () {
        location.href = './inlanddiscount.html'
    }
    let baicaijia = document.querySelector('nav>.container>.baicaijia')
    baicaijia.onclick = function () {
        location.href = './baicaijia.html'
    }
    let bjsearch = document.querySelector('nav>.container>.bjsearch')
    bjsearch.onclick = function () {
        location.href = './bjsearch.html'
    }
    let brand = document.querySelector('nav>.container>.brand')
    brand.onclick = function () {
        location.href = './brand.html'
    }
    let coupon = document.querySelector('nav>.container>.coupon')
    coupon.onclick = function () {
        location.href = './coupon.html'
    }
    let item = document.querySelector('nav>.container>.item')
    item.onclick = function () {
        location.href = './item.html'
    }
    let history = document.querySelector('nav>.container>.history')
    history.onclick = function () {
        location.href = './bjsearch.html'
    }
    let public = document.querySelector('nav>.container>.public')
    public.onclick = function () {
        location.href = './bjsearch.html'
    }
</script>